<!-- app入口页面 -->
<script setup lang="ts">
import NavMenu from "./views/navMenu.vue";
</script>

<template>
  <div id="module">
    <el-container class="parent_container">
      <NavMenu />
      <el-container class="container">
        <!-- 主体头部 -->
        <el-header style="padding: 0">
          <div class="header_class">
            <span style="font-size: 26px">重庆动力总成数据分析</span>
          </div>
        </el-header>
        <!-- 主体内容 -->
        <el-main class="main_class">
          <div>
            <router-view />
          </div>
        </el-main>
      </el-container>
    </el-container>
  </div>
</template>

<style scoped>
#module {
  height: 100vh;
  width: 100vw;
}
.parent_container {
  display: flex;
  width: 100%;
}
.main_class {
  display: flex;
  padding: 0px;
  width: 100%;
  height: 100%;
  background-color: rgb(255, 255, 255);
}
.header_class {
  display: flex;
  align-items: center;
  justify-content: center;
  border-bottom: 1px solid rgb(43, 36, 36);
  height: calc(100%);
  background-color: black;
  color: white;
}
.container {
  width: 100%;
  position: relative;
  display: inline-block;
  /* background-color: skyblue; */
}
</style>
